/*
Theme Name: Choco Templates - New
*/
* { padding:0; margin:0; outline:0; }
body {
	background:#fbf8f0;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#555;
	min-width:1140px;
}
input, textarea, select { font-family: "Trebuchet MS", Arial, sans-serif; font-size:13px; color:#333; }

a img { border:0; }

a { color:#f67621; text-decoration: underline; cursor:pointer; }
a:hover { color:#6e4a2c; text-decoration: none;}

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }

.notext { font-size:0; line-height:0; text-indent: -4000px; }

h2 { font-size:28px; line-height:28px; color:#885b36; font-family: "Trebuchet MS", Arial, sans-serif; }
h2.page-title { color:#4e2f16; font-weight:700;}

h3 { font-size:24px; line-height:24px; color:#4e2f16; font-weight: normal; margin-bottom:7px; font-family: "Trebuchet MS", Arial, sans-serif; }
h4 { font-size:20px; line-height:20px; color:#855935; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif;}
h4 a{ color:#855935; text-decoration: none;}
h4 a:hover{ color:#f67621; }
h4 a span{ font-size:12px;}
h5 { font-size:21px; line-height:21px; color:#f7dd1c; margin-bottom:7px; font-weight: normal; font-family: "Trebuchet MS", Arial, sans-serif; }
h6 { font-size:15px; line-height:15px; text-align: left; color:#855935;  }
h6 a{ color:#855935; text-decoration: none; }
h6 a:hover{ color:#f67621;  }

h1#logo { font-size:0; line-height:0; width:427px; height:102px; position:absolute; top:0; left:0; background:url(images/tr.png) no-repeat 0 0; }
h1#logo a{ display:block; width:374px; height:79px; text-indent: -4000px; }

body#demo {}
body#demo h1#logo{ width:103px; height:100px; background:url(images/logo-demo.png) no-repeat 0 0;}
body#demo h1#logo a{ width:84px; height:79px; }
body#demo #navigation { border-bottom:solid 1px #fff;}
body#demo #navigation h2 { float:left; white-space:nowrap; color:#fff; font-size:20px; font-weight: normal; padding:18px 0 0 105px; margin:0;}
body#demo #navigation h2 strong{ font-weight: 700; }



.shell { width:980px; margin:auto; }

#navigation { height:68px; background:url(images/bgs.png) repeat-x 0 0; width:100%;}
#navigation .shell{ position:relative; z-index:15; }

#navigation ul { float:right; list-style-type: none; display:inline; padding-top:19px; }
#navigation ul li{ float:left; display:inline; margin-left:6px; white-space:nowrap; }

#navigation ul li a,
#navigation ul li a span { float:left; height:34px; background:url(images/buttons.png) no-repeat 0 0; padding:0 0 0 15px; }
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:30px; color:#fff; font-size:15px; text-decoration: none;}

#navigation ul li.has-dd{ position:relative; z-index:12;}
#navigation ul li.has-dd a strong{ float:left; font-weight: normal; background:url(images/icos.png) no-repeat right -323px; padding-right:22px;}


#navigation ul li a:hover,
#navigation ul li a.hover,
#navigation ul li a.active { background-position:0 -34px; }

#navigation ul li a:hover span,
#navigation ul li a.hover span,
#navigation ul li a.active span{ background-position:right -34px; }

#navigation ul li a:hover strong,
#navigation ul li a.hover strong,
#navigation ul li a.active strong { background-position:right -356px; }

#navigation ul li .dd { position:absolute; left:2px; top:28px; width:180px; display:none; }
#navigation ul li .dd-holder { background:#7c4f2a; }
#navigation ul li .dd-t { font-size:0; line-height:0; background:url(images/tr.png) no-repeat -428px -487px; width:180px; height:5px; }
#navigation ul li .dd-b { font-size:0; line-height:0; background:url(images/tr.png) no-repeat -428px -492px; width:180px; height:5px; }
#navigation ul li .dd ul { float:none; display:block; padding:0; overflow:hidden; position:relative; width:100%; background:#7c4f2a; }
#navigation ul li .dd ul li{ float:none; display:block; padding:0; margin:0;  overflow:hidden; float:left; width:100%;}
#navigation ul li .dd ul li a{ float:none; display:block; padding:0; margin:0; background:transparent; line-height:12px; font-size:13px; height:auto; padding:6px 15px; border-bottom:solid 1px #6f4726;}
#navigation ul li .dd ul li a:hover{ background:#6f4726;}
#navigation ul li .dd ul li.last a{ border:0;}

#navigation ul li .dd p { white-space: normal; color:#fff; font-weight: normal; padding:5px 14px 5px 14px; font-size:13px; line-height:18px;}
#navigation ul li .dd p a.button-browse { display:block; width:132px; height:30px; background:url(images/buttons.png) no-repeat 0 -198px; font-size:0; line-height:0; text-indent: -4000px; float:none; padding:0; margin:7px 0 0 0; border:0; position:relative; left:-3px;}
#navigation ul li .dd p a.button-browse:hover { background-position:0 -228px;}

#navigation ul li.promo { font-weight:700;}
#navigation ul li.promo a{ background-position:0 -68px;}
#navigation ul li.promo a span{ background-position:right -68px;}

#navigation ul li.promo a:hover,
#navigation ul li.promo a.hover{ background-position:0 -102px;}
#navigation ul li.promo a:hover span,
#navigation ul li.promo a.hover span{ background-position:right -102px;}

#navigation ul li.promo .dd{ width:160px; }
#navigation ul li.promo .dd-t{ background:url(images/tr.png) no-repeat -268px -487px; width:160px; }
#navigation ul li.promo .dd-b{ background:url(images/tr.png) no-repeat -268px -492px; width:160px;}
#navigation ul li.promo .dd-holder{ background:#49ac3f; }



#footer { background:url(images/bgs.png) repeat-x 0 -157px; border-top:solid 3px #462710; padding:20px 0; color:#f1b98b; }
#footer a{ color:#f1b98b; text-decoration: none;}
#footer a:hover{ color:#fff; }
#footer ul{ list-style-type: none;}
#footer ul li{ line-height:30px; }
#footer ul a{ background:url(images/icos.png) no-repeat 0 0; padding:2px 0 3px 26px; }
#footer ul.no-icos a{ background:transparent; padding-left:0; }

#footer ul a.ico-mafia { background-position:0 0;}
#footer ul a.ico-bakery { background-position:0 -40px;}
#footer ul a.ico-mayo { background-position:0 -82px;}
#footer ul a.ico-psdfiles { background-position:0 -122px;}
#footer ul a.ico-mailtemplates { background-position:0 -162px;}
#footer ul a.ico-mail { background-position:0 -202px;}
#footer ul a.ico-twitter { background-position:0 -242px;}
#footer ul a.ico-webbackgrounds { background-position:0 -455px;}
#footer ul a.ico-cssfreetemplates { background-position:0 -491px;}
#footer ul a.ico-freelogodesign { background-position:0 -533px;}
#footer ul a.ico-rss { background-position:0 -282px;}

#footer .col { float:left; display:inline; margin-right:30px; width:222px;}
#footer .col-last { margin-right:0; float:right;}

#bottom { height:40px; background:#311909; line-height:40px; color:#6b4930; }
#bottom a,
#bottom span { float:left;}
#bottom a { color:#6b4930; text-decoration: none; }
#bottom a:hover { color:#b88964; }

#bottom span.line { color:#462c1a; padding:0 8px;}
#bottom .shell { position:relative; height:40px;}

a.top span{ width:104px; height:132px; background:url(images/top-new.png) no-repeat 0 0; position:absolute; top:0; left:0;}
a.top span.hover{ background-position:-104px 0; z-index:2; display:none;}
a.top { position:absolute; bottom:0; right:0; width:104px; height:132px; }

#slider { height:500px; position:relative; background:#efe5c6;}
#slider .shell{ position:relative; z-index:11;}
#slider h2{ position:absolute; top:43px; right:0; width:600px; text-align: center;}

h2.h-sweetest { height:27px; background:url(images/h2-the-sweetest.png) no-repeat center 0;}

.slider-clip { height:459px; width:100%; position:relative; overflow:hidden; position:absolute; top:0; left:0; }
.slider-clip .slider-list{ list-style-type: none; position:absolute; top:0; left:0; width:100%; z-index:10;}
.slider-clip ul{ list-style-type: none; position:absolute; top:0; left:0; width:100%; z-index:3;}
.slider-clip ul li{ float:left; width:100%; text-align: center; height:459px; }
.slider-clip ul li .slide{ width:980px; margin:auto; position:relative; }
.slider-clip ul li .slide-template { width:610px; height:330px; text-align: center; font-size:0; line-height:0; margin:0 0 0 auto; position:relative; top:115px; right:-4px; z-index:2;}
.slider-clip ul li .slide-template-bg { width:610px; height:330px; background:url(images/tr.png) no-repeat 0 -102px; }

.slider-clip ul li .slide-template img{ position:relative; top:15px;}
.slider-clip ul li .slide-template h6 { position:absolute; top:-22px; left:0; white-space:nowrap; width:400px; z-index:3; text-align: center; width:600px; font-weight: normal;}
.slider-clip ul li .slide-template h6 a{ top:0; }

.slider-clip .slider-bg { position:absolute; top:0; left:0; width:100%; height:459px; background:url(images/slider-bgs.png) repeat-x center 0; z-index:1;}
.slider-clip .slider-bg2 { position:absolute; top:0; left:0; width:100%; height:255px; top:204px; background:url(images/slider-bgs.png) repeat-x center -459px; z-index:2;}


.choco-boy { position:absolute; z-index:1; background:url(images/choco-boys.png) no-repeat 0 0;}

.choco-boy1 { top:0px; left:0; width:316px; height:449px; background-position:0 0;}
.choco-boy2 { top:0; left:0; width:296px; height:449px; background-position:-316px 0;}
.choco-boy3 { top:87px; left:-80px; width:606px; height:356px; background-position:0 -449px;}
.choco-boy4 { top:104px; left:-18px; width:495px; height:352px; background-position:-653px 0;}
.choco-boy5 { top:186px; left:-79px; width:542px; height:246px; background-position:-606px -449px;}


.slider-nav { position:absolute; top:455px; left:629px; width:300px; text-align: center; font-size:0; line-height:0; text-indent: -4000px;}
.slider-nav a{ float:left; display:inline; height:19px; width:19px; background:url(images/slider-nav.png) no-repeat 0 0; margin-right:2px;}
.slider-nav a.active,
.slider-nav a:hover { background-position:0 -19px;}

#main { background:url(images/bgs.png) repeat-x 0 -573px; padding:20px 0 40px 0; min-height:500px;}

body.home #main{ background-position: 0 -473px;}

#welcome-boxes { margin-bottom:30px; }
#welcome-boxes .box{ float:left; width:360px; display:inline; margin-bottom:0px; padding:30px 110px 10px 0; background:url(images/ico-welcome.png) no-repeat right 0; }
#welcome-boxes .box-right{ float:right; }

#welcome-boxes .box-place { background-position:right 0;}
#welcome-boxes .box-special { background-position:right -334px;}

#welcome-boxes .box-promo { background-position:right -161px; }
#welcome-boxes .box-free { background-position:right -505px;}

.shadow { font-size:0; line-height:0; display:block; background:url(images/tr.png) no-repeat 0 -543px; height:12px; margin-bottom:10px;}

.templates-small { width:100%;}
.templates-small ul{ list-style-type: none;}
.templates-small ul li{ float:left; display:inline; margin-bottom:10px; margin-right:18px;}
.templates-small ul li.last{ margin-right:0;}
.templates-small ul li p { position:relative; text-align: center; top:-5px;}
.templates-small ul li p a{ color:#6e4a2c; text-decoration: none; }
.templates-small ul li p a:hover{ color:#f67621; }

a.thumb { display:block; width:148px; height:110px; background:url(images/tr.png) no-repeat 0 -433px; text-align: center; font-size:0; line-height:0; position:relative; }
a.thumb img{ position:relative; }
a.thumb span { position:absolute; z-index:2; width:120px; height:80px; background:url(images/tr.png) no-repeat -148px -433px; top:14px; left:14px; }
a.thumb strong { display:block; width:120px; height:80px; position:relative; overflow:hidden; margin:0 auto; top:14px; }



a.thumb em,
.slide-template em,
.image-big em
{ position:absolute; z-index:3; width:62px; height:62px; background:url(images/tr.png) no-repeat -745px 0; top:9px; right:9px;}

a.thumb em.prem,
.slide-template em.prem,
.image-big em.prem
{ background-position:-807px 0; }

.slide-template em,
.image-big em{ top:5px; right:5px; }


a.thumb-big { width:308px; height:321px; background:url(images/tr.png) no-repeat -610px -102px;}
a.thumb-big img { top:19px;}

.templates { width:980px; }
.templates ul{ list-style-type: none; width:1032px; left:-9px; position:relative; margin-right:-52px;}
.templates ul li{ float:left; display:inline; margin:0 36px 10px 0; }
.templates h4{ padding-left:9px;}



.more-templates h2 { margin-bottom:15px;}

.subscribe { line-height:30px;}
.subscribe span{ display:block; width:205px; height:23px; padding-top:6px; background:url(images/buttons.png) no-repeat 0 -258px; line-height:0; }
.subscribe span input{ border:0; color:#ffa300; padding:0 5px; width:195px; background:transparent; }

.button-subscribe { display:block; border:0; background:url(images/buttons.png) no-repeat 0 -287px; width:102px; height:34px; font-size:0; line-height:0; text-indent: -4000px; cursor:pointer; margin:7px 0 0 104px;}
.button-subscribe:hover { background-position:-102px -287px; }

#head { height:89px; background:url(images/bgs.png) repeat-x 0 -68px; border-bottom:solid 2px #e3d4a5; }
#head h2{ padding-top:25px;}
#head .shell { position:relative; height:90px;}
.boy-top { position:absolute; right:0; background-repeat:no-repeat; background-position:0 0; font-size:0; line-height:0; text-indent: -4000px;}
.boy-top1 { width:113px; height:89px; background-image:url(images/boy-top1.png); top:11px;}

.sub-nav { font-size:12px; padding-top:5px; color:#aaa9a8; line-height:12px; height:20px; white-space:nowrap; }
.sub-nav a{ text-decoration: none; float:left; }
.sub-nav span{ padding:0 7px; float:left; }
.sub-nav strong{ font-weight: normal; color:#855935; float:left; }

.pagging { height:35px; line-height:26px; text-transform: uppercase; position:relative; top:-5px; color:#5d391d; white-space:nowrap; }
.pagging strong,
.pagging span,
.pagging a{ float:left; margin-left:10px;}
.pagging a{ color:#5d391d; text-decoration: none;}
.pagging a:hover{ color:#f67621; }
.pagging .nums a{ color:#5d391d; width:33px; height:27px; background:url(images/buttons.png) no-repeat -400px -198px; text-align: center; margin-left:0;}
.pagging .nums a:hover,
.pagging .nums a.active { background-position:-132px -198px; color:#fff}
.pagging span.right { float:right; margin:0;}

.wp-pagenavi { height:35px; line-height:26px; text-transform: uppercase; position:relative; top:-5px; color:#5d391d; white-space:nowrap; font-weight: bold;}
.wp-pagenavi strong,
.wp-pagenavi span,
.wp-pagenavi a{ float:left; margin-left:10px;}
.wp-pagenavi span.pages{ margin-left:0;}
.wp-pagenavi a{ color:#5d391d; text-decoration: none;}
.wp-pagenavi a:hover{ color:#f67621; }
.wp-pagenavi .pages-links { float:right; }
.wp-pagenavi .pages-links .current{ color:#fff; width:33px; height:27px; text-align: center; margin-left:0; 
	background:url(images/buttons.png) no-repeat -132px -198px;}
.wp-pagenavi .pages-links a{ color:#5d391d; width:33px; height:27px; background:url(images/buttons.png) no-repeat -400px -198px; text-align: center; margin-left:0;}
.wp-pagenavi .pages-links a:hover { background-position:-132px -198px; color:#fff}
.wp-pagenavi span.right { float:right; margin:0;}

.post { font-size:15px; line-height:22px;}
.post p{ padding-bottom:20px;}
.post h2 { color:#4e2f16; font-size:24px; line-height:24px; margin-bottom:20px; font-weight: normal;}
.post ul { margin-bottom:0px; padding:0 0 0 25px;}
.post ul li{ padding-bottom:5px;}
.post ul ul{ margin-bottom:0;}

.pricing { background:url(images/pricing-head.png) no-repeat 0 0; margin-bottom:22px; font-size:14px; width:100%;}
.pricing .col{ float:left; display:inline; padding-top:12px; position:relative; }
.pricing .col1{ width:215px; }
.pricing .col2{ width:175px; }
.pricing .col-big{ width:240px; float:right; display:inline; padding-top:0; }
.pricing h3{ height:49px; font-size:16px; line-height:18px; text-align: center; color:#fff; padding-top:9px; border-left:solid 1px #257a1f; margin:0; font-weight:700;}
.pricing h3 span{ color:#fcee57; }
.pricing .col1 h3{ text-align: left; padding-left:20px; border:0; padding-top:20px; height:38px; }
.pricing .col-big h3{ border:0; font-size:20px; padding-top:17px; height:53px; }
.pricing .col-body { background:#fff; border-left:solid 1px #dad5cf; border-bottom:solid 1px #cdae93;}
.pricing .col1 .col-body { border-left:solid 1px #cdae93;}
.pricing .col-big .col-body { border-left:solid 1px #cdae93; border-right:solid 1px #cdae93;}

.pricing ul { list-style-type: none; text-align: center; font-weight: bold; width:100%; overflow:hidden;}
.pricing ul li{ border-bottom:solid 1px #dad5cf; padding:0; height:34px; font-size:14px; line-height:34px; margin:0; float:left; width:100%;}
.pricing ul li.price{ border:0; height:46px; line-height:46px;}
.pricing ul li.price strong{ font-size:24px; color:#ed5b08; position:relative; top:-2px;}
.pricing ul li.free-price strong{ color:#33902c; }

.pricing .col1 ul{ text-align: left; font-weight: bold;}
.pricing .col1 ul li{ padding-left:20px; width:194px;}

.check { display:block; margin:0 auto; font-size:0; line-height:0; background:url(images/icos.png) no-repeat 0 -425px; width:14px; height:13px; text-indent: -4000px; position:relative; top:12px; }
.check-no { background-position:0 -412px;}

.pricing .col-big { background:url(images/table-bgs.png) no-repeat -600px bottom; padding-bottom:10px;}
.pricing .col-big .col-body{ border-bottom:0; padding:3px 3px 0 3px; }
.pricing .col-big .col-body-bg{ background:url(images/pricing-col-b.png) repeat-x 0 bottom;}
.pricing .col-big ul{ background:url(images/pricing-col-t.png) repeat-x 0 0;}
.pricing .col-big ul li{ position:relative; top:-3px;}
.pricing .col-big ul li.price strong{ font-size:32px; top:1px;}

.pricing .col-big .check { width:21px; height:19px; background-position:0 -393px; top:8px;}

.pricing .bl { font-size:0; line-height:0; width:6px; height:6px; background:url(images/icos.png) no-repeat 0 -438px; position:absolute; bottom:0; left:0;}

.image-big { width:610px; height:330px; font-size:0; line-height:0; text-align: center; float:left; position:relative;}
.image-big-bg { width:610px; height:330px; background:url(images/tr.png) no-repeat 0 -102px; }
.image-big img{ position:relative; top:15px;}

#detailed { padding-bottom:30px;}
.content { float:left; width:610px;}
.sidebar { float:right; width:318px;}
.detailed-image { padding-bottom:20px;}


#detailed .post h2 { margin-bottom:10px;}
#detailed .excerpt { font-size:15px; line-height:22px; padding:0 0 20px 0;}

.sidebar-box { float:right; width:318px;}
.sidebar-box .box-head{ background:url(images/tr.png) no-repeat -427px 0; height:68px; text-transform: uppercase;}
.sidebar-box .box-head h3{ padding:17px 0 0 25px; color:#fff; font-size:19px; line-height:20px; margin:0; font-weight:700;}
.sidebar-box .box-head h6{ padding:0 0 0 25px; color:#fff; font-size:13px; font-weight: normal;}

.sidebar-box h4 { font-size:16px; color:#4c2d15; text-transform: uppercase;}
.sidebar-box .box-row { margin:0 16px; border-bottom:solid 1px #dbd5d0; padding:20px 0 20px 0; height:100%;}
.sidebar-box .row-last { border:0;}
.sidebar-box .box-row .left { width:185px; }
.sidebar-box .box-row .right { width:81px; text-align: center; }
.sidebar-box .box-row p { font-size:12px; line-height:16px; padding-top:10px;}
.sidebar-box .box-row .price { display:block; font-size:40px; line-height:40px; color:#4c2d15; margin-bottom:7px; left:-3px; position:relative; color:#ed5b08}
.sidebar-box .box-row .free-price { text-transform: uppercase; font-size:28px; letter-spacing:-1px; color:#33902c;top:3px; }

.box-info .box-row p { font-size:13px; line-height:18px; padding-top:0;}
.box-info .box-row { padding:10px 0;}
.box-info .box-head { height:54px; background-position:-268px -433px;}
.box-info .box-body-b { padding:10px 0;}

.box-c { width:300px; background:url(images/box-c.png); padding:4px 9px 0 9px;}
.box-b { width:318px; background:url(images/tr.png) no-repeat -268px -497px; font-size:0; line-height:0; height:10px;}
.box-body { background:url(images/table-bgs.png) no-repeat 0 0; width:100%;}
.box-body-b { background:url(images/table-bgs.png) no-repeat -300px bottom; position:relative; bottom:-1px;}

a.download-now,
a.buy-now { display:block; font-size:0; line-height:0; width:81px; height:33px; text-indent: -4000px; background:url(images/buy-buttons.png) no-repeat 0 0;}
a.buy-now:hover { background-position:0 -34px;}

a.download-now { background-position:-82px 0;}
a.download-now:hover { background-position:-82px -34px;}

a.download-dark { background-position:-164px 0;}
a.download-dark:hover { background-position:-164px -34px;}

.preview { position:absolute; top:35px; left:34px; width:80px; height:39px; background:url(images/tr.png) no-repeat -700px -433px; display:none; }
.pbig { width:114px; height:52px; background-position:-586px -433px; top:144px; left:248px;}

a.thumb-big .pbig { top:128px; left:97px;}
.image-big .preview { display:block !important;}

.small { display:block; font-size:12px; line-height:17px; padding:10px 25px;}
.small p{ padding-bottom:8px;}
.small a{ color:#555; }
.notes a { color:#555;}

.downloads { width:600px; margin:0 auto; }
.downloads ul{ list-style-type: none; padding:0;}
.downloads ul li{ height:35px; border-bottom:solid 1px #efe6c9; line-height:35px; }
.downloads ul li a{ float:left; color:#855935; text-decoration: none;}
.downloads ul li a:hover{ color:#f67621; }
.downloads ul li a.download-now{ float:right; position:relative; top:4px;}


.form {  }
.form .shadow{ margin-top:10px;  }
.form .small{ padding:0; }
.form h3{ margin-bottom:20px;  }
.form label{ font-weight: bold; float:left; width:350px; text-align: right; padding:2px 10px 0 0; }
.form label .req{ font-weight: normal; font-size:10px; color:#888; position:relative; top:-5px;}
.form select{ float:left; width:300px; margin-bottom:20px;}
.form .button-place{ padding:0 0 10px 358px;}
.form .button-place .button{ position:relative; top:-3px;}
.form .field{ float:left; display:inline; background:#faf6ec; border:solid 1px #e3d4a5; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:4px; margin-bottom:15px;}
.form .left .field{ float:none; display:block;}
.form input.field{ width:250px;}
.form textarea.field{ width:450px; height:180px;}
.form small{ display:block; font-size:10px;}
.form small span{ color:#888;}
.form .field:focus{ background:#fff; border-color:#c3b177; }

a.button,
a.button span{ float:left; display:inline; white-space:nowrap; height:31px; background:url(images/buttons.png) no-repeat 0 -136px; padding:0 0 0 11px; }
a.button span{ background-position:right -136px; padding:0 10px 0 0;}
a.button { text-decoration: none; line-height:27px; color:#fff; font-size:13px; text-transform: uppercase;}
a.button:hover { background-position:0 -167px;}
a.button:hover span{ background-position:right -167px;}
a.button-right { float:right;}


.contact-form {  }
.thanks { text-align: center; margin-bottom:15px;}

#demo-templates { display:none; overflow:hidden; position:relative; width:100%; }
#demo-templates #main{ padding:40px 0;}


a.remove-button { position:absolute; height:20px; line-height:17px; font-size:10px; color:#fff !important; padding:0 23px 0 0; background:url(images/remove-frame.png) no-repeat right 0; top:5px; right:5px; white-space:nowrap; white-space:nowrap;}

#demo-frame { font-size:0; line-height:0;}

.bonus-text { position:absolute; white-space:nowrap; text-align: right; color:#fff; font-size:10px; text-transform: uppercase; top:48px; right:0; width:243px; text-align: center;}